<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <link rel="stylesheet" type="text/css" href="static/css/reset.css">
    <link rel="stylesheet" href="css/common.css"/>
    <link rel="stylesheet" href="css/student-recharge.css"/>
    <title>账户充值</title>
</head>

<body>
<div class="heading">
    <div class="phone">全国热线 : 400-200-300</div>
    <div class="is-login">
        <img src="static/img/teacher-heading.png" alt="">
        <span class="name">linhanyueV1</span>
        <span>退出登录</span>
    </div>
</div>
<div class="banner">
    <div class="banner-contain w12">
        <div class="item">
            <p>
                <span>实力教学团队</span>
                <br>
                <span>打造最适合学生的教学</span>
            </p>
        </div>
        <div class="item">
            <p>
                <span>分层次一对一教学</span>
                <br>
                <span>满足不同程度学生需求</span>
            </p>
        </div>
        <div class="item">
            <p>
                <span>分科全面</span>
                <br>
                <span>针对性的对学生进行辅导</span>
            </p>
        </div>
    </div>
</div>
<div class="nav">
    <div class="nav-contain w12">
        <div class="nav-item">首页</div>
        <div class="nav-item">找家教</div>
        <div class="nav-item">做家教</div>
        <div class="nav-item">教员库</div>
        <div class="nav-item">家教小班</div>
        <div class="nav-item">专业老师</div>
        <div class="nav-item">大学生家教</div>
        <div class="nav-item">请家教信息</div>
        <div class="nav-item">家教课堂</div>
    </div>
</div>
<div class="center-wrapper">
    <div class="center-contain w12">
        <div class="center-contain-left">
            <div class="center-nav-title">
                <p>PERSONAL CENTER</p>
                <p>个人中心</p>
            </div>
            <ul>
                <li>会员中心</li>
                <li class="active">账户充值</li>
                <li>交易明细</li>
                <li>我的预约</li>
                <li>我的家教</li>
                <li>学生信息</li>
                <li>家长信息</li>
                <li>密码修改</li>
                <li>我的评价</li>
            </ul>
        </div>
        <div class="center-contain-right">
            <div class="center-contain-right-title">账户充值</div>
            <div class="to-recharge">
                <div class="tr-money">
                    <div class="trm-left">充值金额:</div>
                    <div class="trm-right">
                        <span class="active">200</span>
                        <span>100</span>
                        <span>50</span>
                        <span>10</span>
                    </div>
                </div>
                <div class="tr-money">
                    <div class="pay-way">支付方式 :
                        <span>
                        <span class="payway zhifubao">
                            <img src="static/img/pay-check.png" alt="">
                        </span>
                            <i>支付宝支付</i>
                            </span>
                        <span>
                        <span class="payway weixin active">
                            <img src="static/img/pay-check.png" alt="">
                        </span>
                            <i>微信支付</i>
                            </span>
                    </div>
                </div>
                <button class="to-pay">确定支付</button>
            </div>
        </div>
    </div>
</div>
<div class="foot">
    <div class="company-info">
        <div class="info-contain w12">
            <div class="info-link">
                <span>首页</span>
                <span>找家教</span>
                <span>做家教</span>
                <span>教员库</span>
                <span>家教小班</span>
                <span>专业老师</span>
                <span>大学生家教</span>
                <span>请家教信息</span>
                <span>家教课堂</span>
            </div>
            <div class="info-link">反馈意见:123456@qq.com</div>
            <div class="info-link">客服电话:400-817-817</div>
            <div class="info-link">工作时间:周一至周五 9:00-19:00</div>
        </div>
    </div>
    <div class="copyright">
        Copyright © 1991-2018
    </div>
</div>
</body>
<script src='static/js/jquery.js'></script>
<script>
    window.onload = function () {
        $('.trm-right span').click(function () {
            $('.trm-right span').removeClass('active');
            $(this).addClass('active')
        })
        $('.payway').click(function () {
            $('.payway').removeClass('active')
            $(this).addClass('active')
        })
    }
</script>
<script src="js/common.js" type="text/javascript"></script>
</html>